<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
	<!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Books Shop</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width">		

		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet/less" type="text/css" href="css/style.less" />

		<script type="text/javascript" src="js/lib/less.js"></script>		
		
		<script type="text/javascript" src="js/utils/HTMLUtils.js"></script>
		<script type="text/javascript" src="js/utils/XHRUtils.js"></script>
		<script type="text/javascript" src="js/utils/EventManager.js"></script>
		<script type="text/javascript" src="js/utils/CommonFunctions.js"></script>		
				
		<script type="text/javascript" src="js/controller/HomeController.js"></script>
		<script type="text/javascript" src="js/controller/CategoryController.js"></script>
		<script type="text/javascript" src="js/controller/AboutController.js"></script>
		<script type="text/javascript" src="js/controller/ContactController.js"></script>
		<script type="text/javascript" src="js/controller/ProductDetailController.js"></script>
		<script type="text/javascript" src="js/controller/RegisterUserController.js"></script>
		<script type="text/javascript" src="js/controller/UpdateUserController.js"></script>
        <script type="text/javascript" src="js/controller/UpdateAvatarController.js"></script>
        <script type="text/javascript" src="js/controller/CartController.js"></script>
		
		<script type="text/javascript" src="js/model/ProductDetailModel.js"></script>
		<script type="text/javascript" src="js/model/CategoryModel.js"></script>
		<script type="text/javascript" src="js/model/HomeModel.js"></script>
        <script type="text/javascript" src="js/model/CartModel.js"></script>
		
		<script type="text/javascript" src="js/view/HomeView.js"></script>
		<script type="text/javascript" src="js/view/CategoryView.js"></script>
		<script type="text/javascript" src="js/view/AboutView.js"></script>
		<script type="text/javascript" src="js/view/ContactView.js"></script>
		<script type="text/javascript" src="js/view/ProductDetailView.js"></script>
		<script type="text/javascript" src="js/view/RegisterUserView.js"></script>
		<script type="text/javascript" src="js/view/UpdateUserView.js"></script>
        <script type="text/javascript" src="js/view/UpdateAvatarView.js"></script>
        <script type="text/javascript" src="js/view/CartView.js"></script>

		<script type="text/javascript" src="js/utils/Pages.js"></script>
		<script type="text/javascript" src="js/utils/PagesManager.js"></script>
	</head>
	<body onload="load()">
		<div id="wrapper"></div>
		<div id="page-content">			
			<!--#include virtual="js/pages/header.html" -->
			<!--#include virtual="js/pages/home.html" -->
			<!--#include virtual="js/pages/category.html" -->
			<!--#include virtual="js/pages/about.html" -->
            <!--#include virtual="js/pages/cart.html" -->
			<!--#include virtual="js/pages/footer.html" -->
			<!--#include virtual="js/pages/contact.html" -->
		</div>		
		<div id="popup" class="hide modal">
			<!--#include virtual="js/pages/productDetail.html" -->	
			<!--#include virtual="js/pages/registerUser.html" -->
            <!--#include virtual="js/pages/updateUser.html" -->
			<!--#include virtual="js/pages/updateAvatar.html" -->			
			<!--#include virtual="js/pages/loading.html" -->
		</div>
	</body>
</html>
